import Vue from 'vue'
import hljs from 'highlight.js' // hljs对象
// 自定义指令focus
export const foObj = {
  install () {
    Vue.directive('fo', {
      inserted (el) {
        if (el.nodeName === 'INPUT' || el.nodeName === 'TEXTAREA') {
          el.focus()
        } else {
          const ipt = el.querySelector('input')
          const textArea = el.querySelector('textarea')
          if (ipt) {
            ipt.focus()
          }
          if (textArea) {
            textArea.focus()
          }
        }
      }
    })
  }
}
export const highlightObj = {
  install () {
    Vue.directive('highlight', function (el) { // 自定义一个代码高亮指令
      const highlight = el.querySelectorAll('pre, code') // 获取里面所有pre或者code标签
      highlight.forEach((block) => {
        hljs.highlightElement(block) // 突出显示这些标签(以及内部代码, 会自动识别语言)
      })
    })
  }
}
